<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

    <link rel="stylesheet" type="text/css" href="css/user_msg.css">

	<title>会员信息管理</title>
</head>
<body>
	<nav class="navbar navbar-light fixed-top bg-white flex-md-nowrap p-0 shadow">
      <img class="navbar-brand col-sm-3 col-md-2 mr-0" src="./images/logo.jpg" height="53px" />
      <ul class="nav px-4">
      	<li class="nav-item">
          <a class="nav-link" href="index.html">主页</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-secondary" href="#">|</a>
        </li>
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="#">我的购物车</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-secondary" href="#">|</a>
        </li>
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="#">购物指南</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-secondary" href="#">|</a>
        </li>
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="#">关于我们</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-secondary" href="#">|</a>
        </li>
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="user_login.html">退出</a>
        </li>
      </ul>
    </nav>
	<div class="container-fluid">
      <div class="row">
        <nav class="col-md-2 d-none d-md-block bg-light sidebar">
          <div class="sidebar-sticky">
            <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link" href="user_index.html">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                  个人中心 <span class="sr-only">(current)</span>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
                  我的订单
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
                  购物车
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="user_msg.html">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                  个人信息
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="adressmanagement.html">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
                  地址管理
                </a>
              </li>
            </ul>
          </div>
        </nav>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
          
            <h1 class="h2 text-center my-3">个人信息</h1>

          <form id="form_msg" class="col-md-4 offset-md-4">
          <input type="hidden" name="userId">
          <input type="hidden" name="password">
		  	<div class="form-group">
		      <label for="userName">用户名：</label>
		      <input type="text" class="form-control" id="userName" name="userName" placeholder="userName">
		    </div>
		    <div class="form-group">
		      <label for="brith">生日：</label>
		      <input type="date" id="Brith" name="brith" class="form-control">
		    </div>
		    <div class="form-group">
		      <label for="email">E-mail：</label>
		      <input type="email" class="form-control" id="email" name="email" placeholder="email">
		    </div>
		    <div class="form-group">
		      <label for="userRealName">姓名：</label>
		      <input type="text" class="form-control" id="Name" name="userRealName" placeholder="Name">
		    </div>
		    <div class="form-group row">
		      <label for="sex" class="col-sm-4 col-form-label">性别：</label>
		      <div class="col-sm-8 mt-2">
			      <div class="form-check form-check-inline">
					<input class="form-check-input" type="radio" name="sex" value="M">
					<label class="form-check-label" for="inlineRadio1">男</label>
				  </div>
		          <div class="form-check form-check-inline ml-5">
					<input class="form-check-input" type="radio" name="sex" value="F">
					<label class="form-check-label" for="inlineRadio2">女</label>
				  </div>
			  </div>
		    </div>
		</form>
		<button id="updateMsg" class="col-md-4 offset-md-4 btn btn-outline-dark btn-block">修改</button>
		<button id="updatePwd" class="col-md-4 offset-md-4 btn btn-outline-dark btn-block" data-toggle="modal" data-target="#pwdModal">修改密码</button>
      	<div class="modal fade" id="pwdModal" tabindex="-1" role="dialog">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="pwdModalLabel">更改密码</h5>
		        <button type="button" class="close" data-dismiss="modal">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        <form>
		          <input type="hidden" name="userId">
		          <div class="form-group">
		            <label for="recipient-name" class="col-form-label">新密码:</label>
		            <input type="password" name="newPassword" class="form-control">
		          </div>
		          <div class="form-group">
		            <label for="message-text" class="col-form-label">确认密码:</label>
		            <input type="password" class="form-control">
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
		        <button id="btn-updatePwd" type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
		      </div>
		    </div>
		  </div>
		</div>
        </main>
      </div>

    </div>


	<!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
    <script src="js/userMsg.js"></script>	
</body>
</html>